﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>南网图讯-详情页</title>
    <link type="text/css" href="css/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/basic.css" rel="stylesheet">
    <link type="text/css" href="css/share.css" rel="stylesheet">
    <link type="text/css" href="css/news.css" rel="stylesheet">

    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
</head>
<body>
<!--头部-->
<div class="mod-newsTop">
    <div class="mod-grid clearfix">
        <div class="mod-left fn-fl">
            <h1 class="mod-logo fn-fl" title="南网图讯-新闻报道"><a href="index.html" title="南网图讯"><img src="images/inner_logo.png" alt="南网图讯"/></a></h1>
            <div class="mod-break pl20 fn-fl">
               <a href="index.html"><i class="i-home mr5"></i>南网图片新闻网</a> <em class="i-breakTips">&gt;</em> <a href="#">各地要闻</a> <em class="i-breakTips">&gt;</em> <a href="#">正文</a>
            </div>
        </div>
    </div>
</div>

<!--内容模块-->
<div class="mainContent fn-pr news-imgList">
    <div class="topBg"></div>
    <div class="mod-grid">
        <!--主体内容-->
        <div class="mc-body clearfix">
            <!--新闻标题头部-->
            <div class="mc-newsImgItem-hd fn-pr mb20">
                <div class="mc-newsImgItem-num " id="photoList">
                    <ul class="">

                    </ul>
                </div>
                <div class="newsImgItem-thum">
                    <div class="newsImgItem-thum-img">
                        <img src="images/pic/pic04.jpg" alt=""/>
                    </div>
                    <em class="thum-img-tips"><i></i></em>
                </div>

                <div class="newsImgItem-title">
                    <h2 class="fn-wto">增冲侗寨——藏在深闺的心灵家园</h2>
                </div>
            </div>
            <!--主体内容左边-->
            <div class="mod-left pt5 fn-fl">
                <div class="photoCarousel" id="news_bottomRoll">
                    <ul>
                        <li id="id1">
                            <div class="photoItem-cont">
                                <div class="photoItem">
                                    <div class="photoImg"><img src="images/pic/photo04_600x300.jpg" alt="" /></div>
                                    <div class="photoItem-text">
                                        <div class="photoItem-textGrid clearfix">
                                            <span class="photoItemNum fn-fl">
                                                <em class="itemNum-list">1</em>
                                                <em>/</em>
                                                <em class="itemNum-ord">12</em>
                                            </span>
                                            <h3 class=""><a href="#">贵州成立全国首个多股东有限公司制省级电力交易机构贵州成立全国首个多股东有限公司制省级电力交易机构</a></h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li id="id2">
                            <div class="photoItem-cont">
                                <div class="photoItem">
                                    <div class="photoImg"><img src="images/pic/photo04_600x300.png" alt="" /></div>
                                    <div class="photoItem-text">
                                        <div class="photoItem-textGrid clearfix">
                                            <span class="photoItemNum fn-fl">
                                                <em class="itemNum-list">2</em>
                                                <em>/</em>
                                                <em class="itemNum-ord">12</em>
                                            </span>
                                            <h3 class=""><a href="#">贵州成立全国首个多股东有限公司制省级电力交易机构贵州成立全国首个多股东有限公司制省级电力交易机构贵州成立全国首个多股东有限公司制省级电力交易机构贵州成立全国首个多股东有限公司制省级电力交易机构</a></h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li id="id3">
                            <div class="photoItem-cont">
                                <div class="photoItem">
                                    <div class="photoImg"><img src="images/pic/photo04_600x300.jpg" alt="" /></div>
                                    <div class="photoItem-text">
                                        <div class="photoItem-textGrid clearfix">
                                            <span class="photoItemNum fn-fl">
                                                <em class="itemNum-list">3</em>
                                                <em>/</em>
                                                <em class="itemNum-ord">12</em>
                                            </span>
                                            <h3 class=""><a href="#">贵州成立全国首个多股东有限公司制省级电力交易机构贵州成立全国首个多股东有限公司制省级电力交易机构</a></h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li id="id4">
                            <div class="photoItem-cont">
                                <div class="photoItem">
                                    <div class="photoImg"><img src="images/pic/photo04_600x300.png" alt="" /></div>
                                    <div class="photoItem-text">
                                        <div class="photoItem-textGrid clearfix">
                                            <span class="photoItemNum fn-fl">
                                                <em class="itemNum-list">4</em>
                                                <em>/</em>
                                                <em class="itemNum-ord">12</em>
                                            </span>
                                            <h3 class=""><a href="#">贵州成立全国首个多股东有限公司制省级电力交易机构贵州成立全国首个多股东有限公司制省级电力交易机构</a></h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="photoItemLIst">
                        <span>
                        </span>
                    </div>
                    <a href="javascript:void(0)" class="scrollBtn prev">上一页</a>
                    <a href="javascript:void(0)" class="scrollBtn next">下一页</a>
                </div>

            </div>
            <!--主体内容右边-->
            <div class="mod-right newsList-right pt20 fn-fr">
                <div class="mod-news-tips">
                    <div class="news-author mb15">
                        栏目编辑：<em class="font-c-tip">李红亮</em><em class="mod-line">|</em>摄影：<em class="font-c-tip">王子涛</em>
                    </div>
                    <div class="news-share mb15 clearfix">
                        <div class="news-view fn-fl"><i class="i-eye"></i>2454</div>
                        <div class="news-share-grid fn-fl j-share"><i class="i-share"></i>分享</div>
                    </div>
                    <div class="mod-newsTips-item">
                        <h3 class="font-c-tip mb20"><i class="i-note ml5"></i>标签：</h3>
                        <div class="mod-newsTips-note clearfix">
                            <a href="javascript:void(0);">春游</a>
                            <a href="javascript:void(0);">增冲侗寨</a>
                            <a href="javascript:void(0);">心灵家园</a>
                            <a href="javascript:void(0);">风景</a>
                            <a href="javascript:void(0);">美景</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--图集推荐页面-->
<div class="newsImg-suggest fn-dn">
    <div class="newsImg-st-hd">
        <h2 class="newsImg-st-txt">增冲侗寨——藏在深闺的心灵家园</h2>
        <div class="newsImg-st-info clearfix">
            <div class="newsImg-st-info-tips fn-fl"><i class="i-tips"></i>图集已浏览完毕</div>
            <div class="newsImg-st-info-repeat fn-fl"><a href="javascript:void(0);"> <i class="i-repeat"></i>重新浏览</a></div>
            <div class="newsImg-st-info-share fn-fl j-share"><i class="i-share"></i>分享</div>
        </div>
    </div>
</div>

<!--回到顶部模块-->
<div class="mod-grid fn-pr go-top">
    <a href="javascript:void(0);" title="回到顶部">回到顶部</a>
</div>
<!--底部模块-->
<div class="mod-footer">
    <div class="mod-grid clearfix">
        <div class="mod-left fn-tac fn-fl">
            <p class="mod-footer-item"><a href="#" title="关于南网图片新闻网">关于南网图片新闻网</a>|<a href="#" title="服务协议">服务协议</a>|<a href="#" title="隐私政策">隐私政策</a>|<a href="#" title="图片版权">图片版权</a></p>
            <p><a href="#">南方电网传媒有限公司</a> 版权所有　Copyright © 2015 www.csgpic.cn. All rights reserved <a href="#">粤ICP备06044847号</a> </p>
            <p>地址：广东省广州市越秀区东风东路846号　邮编：510600　联系电话：(86－020)38122925　传真：(86－020)38122993/38122992</p>
        </div>
        <div class="mod-right fn-fr">
            <a href="#" class="mod-codeBox">
                <h4>南网图片新闻客户端</h4>
                <img src="images/code.png" alt=""/>
            </a>
        </div>
    </div>
</div>


<script type="text/javascript" src="js/ui.js"></script>
<script type="text/javascript" src="js/share.js"></script>
<script>
    $(function () {
        $('#news_bottomRoll').newsImg_Carousel({
            switchover: 'fade',
            time:2000,
            auto:false
        });
        //二维码鼠标事件
        $(".mod-downPop-grid").hover(
            function(){
                $(".mod-downPop").stop().animate({height:"150px"}).show();
            },
            function(){
                $(".mod-downPop").stop().animate({height:"0px"}).hide();
            }
        )
        //新闻类型标题点击事件
        $(".mc-header-ul li a").on('click',function(){
            $(".mc-header-ul li a").removeClass("current");
            $(this).addClass("current");
        });
        //为列表模式点击事件
        $(".j-imgListItem-list").on('click',function(){
            $(this).siblings().removeClass("current");
            $(this).addClass("current");
            $(".j-imgList").find("li").attr("data-key","f");
            $(".j-imgList").find(".mod-ListImg-dersc").removeAttr("style");
            $(".j-imgList").removeClass("mod-ListFloat").addClass("mod-ListMenu");
        });
        //为区块模式点击事件
        $(".j-imgListItem-float").on('click',function(){
            $(this).siblings().removeClass("current");
            $(this).addClass("current");
            $(".j-imgList").find("li").attr("data-key","t");
            $(".j-imgList").removeClass("mod-ListMenu").addClass("mod-ListFloat");
        });
        //分享
        $(".j-share").socialShare({
            content: '',
            url:'',
            titile:''
        });
    })
</script>
</body>
</html>